<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/Lottery.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="web">
			<div class="cont">
				<div class="zi"><img src="img/Lottery.png"/></div>
				<div class="bottle"><img src="img/bottle_c.png"/></div>
				<div class="bottle"><img src="img/bottle_c.png"/></div>
				<div class="bottle"><img src="img/bottle_c.png"/></div>
				<div class="bottle"><img src="img/bottle_c.png"/></div>
			</div>
		</div>
		<!-- 三等奖 -->
		<div class="web_two">
			<div class="cont">
				<div class="zi"><img src="img/lottery_two.png"/></div>
				<div class="bottle"><img src="img/bottle_c.png"/></div>
				<div class="yhk"><img src="img/wuzhe.png"/></div>
				<div class="bot">
			    	<img src="img/ss.png"/>
			    	<div class="diwen"><img src="img/li.png"/></div>
			    </div>
			</div>
		</div>
		<!-- 二等奖 -->
		<div class="web_three">
			<div class="cont">
				<div class="zi"><img src="img/wen_two.png"/></div>
				<div class="bottle"><img src="img/bottle_c.png"/></div>
				<div class="bottle_two"><img src="img/bottle_c.png"/></div>
				<div class="bottle_3"><img src="img/bottle_c.png"/></div>
				<div class="bottle_4"><img src="img/bottle_c.png"/></div>
				<div class="bottle_5"><img src="img/bottle_c.png"/></div>
				<div class="yhk"><img src="img/jian_two.png"/></div>
				<div class="bot">
			    	<img src="img/ss.png"/>
			    	<div class="diwen"><img src="img/tianxie.png"/></div>
			    </div>
			</div>
		</div>
		<!-- 填写信息 -->
		<div class="web_four">
			<div class="cont">
				<div class="zi"><img src="img/tianxie.png"/></div>
				<form>
					<div class="xone"><span>姓名</span><input type="" name="" id="" value="" /></div>
					<div class="xone"><span>电话</span><input type="" name="" id="" value="" /></div>
					<div class="xone"><span>邮箱</span><input type="" name="" id="" value="" /></div>
					<div class="xone"><span>邮编</span><input type="" name="" id="" value="" /></div>
					<div class="xone"><p>地址</p><textarea name="" rows=""  cols=""></textarea></div>
				</form>
				<div class="bot">
			    	<img src="img/ss.png"/>
			    	<a href="index.html"><div class="diwen"><img src="img/li.png"/></div></a>
			    </div>
			</div>
		</div>
		<!-- 分享 -->
		<div class="web_five">
			    <div class="cont">
				  <div class="zho"><img src="img/bottle_c.png"/></div>
				  <div class="dier"><img src="img/fenx_1.png"/></div>
			    </div>
			</div>
			<!-- 再玩一次 -->
		<div class="web_six">
			<div class="cont">
				<div class="zi"><img src="img/yun.png"/></div>
				<a href="index.html"><div class="bot">
			    	<img src="img/ss.png"/>
			    	<div class="diwen"><img src="img/zaiwan.png"/></div>
			    </div></a>
			    <div class="bot_1">
			    	<img src="img/ss.png"/>
			    	<div class="diwen"><img src="img/jiao.png"/></div>
			    </div>
			</div>
		</div>
		<script type="text/javascript">
			$(".bottle").one("click",function(){
				var snum = Math.floor(Math.random()*10);
				console.log(snum);
				if(snum==6){
					$(".web_three").css("display","block");
					$(".web_three").transit({
						scale:1
					});
					$(".web").css("display","none")
				}else if(snum==8){
					$(".web_two").css("display","block");
					$(".web_two").transit({
						scale:1
					});
					$(".web").css("display","none")
				}else if(snum!=8&&snum!=6){
					$(".web_six").css("display","block");
					$(".web_six").transit({
						scale:1
					});
					$(".web").css("display","none")
				}
			})
			//填写中奖跳转
			$(".web_three .diwen").one("click",function(){
				$(".web_three").css("display","none")
				$(".web_three").transit({
					scale:0
				})
				$(".web_four").css("display","block")
				$(".web_four").transit({
					scale:1
				})
			})
			
			//分享页面的跳转
			var kdj = true;
			if(kdj){
				$(".web_six .bot_1 .diwen").one("click",function(){
				$(".web_five").css("display","block")
				$(".web_five").transit({
					scale:1
				},800,function(){
					kdj = false;
				})
			})
			}
			$(".web_five .dier").on("click",function(){
				$(".web_five").transit({
					scale:0
				},800,function(){
					kdj = true;
				})
			})
		</script>
	</body>
</html>
